<template>
  <div>
    <div class="f1">
      <img src="../../assets/img_pinpai/F1beiJingTu-7.jpg" alt="" />
    </div>
    <div class="f2">
      <div class="banxin">
        <ul>
          <li @click="$router.push('/home/pinpai')">品牌历史</li>
          <li @click="$router.push('/home/rongyu')">品牌荣誉</li>
          <li class="active" @click="$router.push('/home/chuancheng')">传承人</li>
        </ul>
      </div>
    </div>

    <!-- -------------版心-------------------- -->
    <div class="center">
      <!-- ----------面包屑导航--------- -->
      <el-breadcrumb separator-class="el-icon-arrow-right" class="bum">
        <el-breadcrumb-item>您现在所在的位置</el-breadcrumb-item>
        <el-breadcrumb-item>首页</el-breadcrumb-item>
        <el-breadcrumb-item>品牌</el-breadcrumb-item>
        <el-breadcrumb-item>传承人</el-breadcrumb-item>
      </el-breadcrumb>

      <!-- ----------------传承人------------------ -->
      <div class="DuanLuo">
        <img class="bj2" src="../../assets/img_pinpai/BJ_02.jpg" />
        <img class="c1" src="../../assets/img_pinpai/ChuanCheng_00.jpg" />
      </div>

      <!-- -----------------图片加文字------------------------ -->
      <div class="content">
       <!-- 1图 -->
        <img src="../../assets/img_pinpai/ChuanCheng_01.jpg" alt="" />
        <p>
          苏州稻香村自1773年以后作坊内的每大类产品都有一个把作师傅作为技术、培训、质量控制和生产的负责人，此人必是当时的整个行业内的领袖人物，直到1956年公私合营前都称为“把作师傅”。为了不让技术外泄并能世代相传，把作师傅终身服务于稻香村，他和东家共同选择德才兼备的学徒传授技艺，并且每代传人数量有限，一般不超过3人，至目前能够确切追溯到的传承谱系如下：
        </p>

        <h2>第一代</h2>
        <hr />
        <p>
          吴金棠，镇江人，清光绪三十二年（1906）进稻香村作学徒，作糕饼师傅，1958年退休。
        </p>
        <h2>第二代</h2>
        <hr />
        <p>
          徐寅伯，苏州人，民国十九年（1930）进稻香村作学徒，师承吴金棠，1965年退休。
        </p>
        <h2>第三代</h2>
        <hr />
        <p>
          王渭仪，苏州人，民国二十六年（1937）进稻香村作学徒，师承徐寅伯，为1956年公私合营前最后一名苏式月饼把作师傅，1985年退休。
        </p>

        <h2>第四代</h2>
        <hr />
        <p>徐全生，苏州人，徐寅伯之子，1966年接班进稻香村作学徒，师承王渭仪，曾任糕点车间主任、生产经营部经理；蒋祖健，苏州人，1970年进稻香村作学徒，师承王渭仪。</p>

      <!-- 2图 -->
      <img src="../../assets/img_pinpai/ChuanCheng_02.jpg" alt="">
      <h2>第五代</h2>
      <hr />
      <p>徐红生，镇江人，1983年顶替父亲进稻香村作学徒，师承徐全生。后在稻香村食品工业有限公司做糕点技术负责人，技术全面，掌握选料、配料、糕点制作、烘烤等全部工艺。2007年被劳动和社会保障部评为全国技术能手。</p>
      <!-- 3图 -->
      <img src="../../assets/img_pinpai/ChuanCheng_03.jpg" alt="">
      <h2>第六代</h2>
      <hr />
      <p>艾满，安徽人，他作为公司重点培养的技术人才，2010年在第十一届全国月饼技术比赛中获金奖并同时获得全国技术能手称号，于2013年3月拜徐红生为师。</p>
      <!-- 4图 -->
      <img src="../../assets/img_pinpai/ChuanCheng_04.jpg" alt="">




      </div>
    </div>
  </div>
</template>

<script>
import "@/assets/css_women/base.css";
import "@/assets/css_women/reset.css";
export default {
         data() {
            return {
                activeIndex: '1',
                num:1
                
        };
      }
};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
.f1 {
  img {
    width: 100%;
    display: block;
  }
}
.f2 {
  background-color: #e6dfc9;

  .banxin {
    width: 1200px;
    margin: 0 auto;
    ul {
      font-size: 20px;
      display: flex;
      left: 0;
      width: 50%;
      background-color: #e6dfc9;
      li {
        line-height: 52px;
        height: 52px;
        list-style: none;
        margin: 0 auto;
        width: 100%;
        user-select: none;
        cursor: pointer;
        &:hover {
          background: #ceaf59;
          color: #fff;
        }
        &.active {
          background-color: #ceaf59;
          color: #fff;
        }
      }
    }
  }
}
// -----------------版心----------------------------
.center {
  width: 1200px;
  margin: 0 auto;
  > .bum {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
  }
  //--------------- DuanLuo(段落图文字) ----------------
  > .DuanLuo {
    position: relative;
    margin-top: 25px;
    margin-bottom: 35px;

    > .c1 {
      position: absolute;
      top: 60px;
      left: 44%;
    }
    > .bj2 {
      width: 1500px;
      padding-right: 260px;
    }
  }

  // -----------------图片加文字------------------------
  .content {
   margin-bottom: 100px;
    padding: 50px;
    background-color: #f9f4e4;
    > img {
      width: 100%;
      padding-top: 20px;
    }

    > h2 {
     padding-top: 20px;
      padding-bottom: 10px;
      font-weight: 300;
      font-size: 18px;
      color: #b78439;
    }

    > p {
      padding: 30px 0 0 0;
      text-align: start;
      width: 100%;
      font-size: 16px;
      line-height: 22px;
    }
  }
}
</style>